<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Business Reviews</title>
<link rel="stylesheet" href="fonts/fonts.css">
<link rel="stylesheet" href="style/default.css">
<link rel="stylesheet" href="style/font-awesome.css">
<link rel="stylesheet" href="style/bootstrap.css">
<link rel="stylesheet" href="style/bootstrap-theme.css">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/responsive.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
		$(".sign_in .sign_btn_1").click(function (e) {
			e.preventDefault();
			
			$(".sign_in .sign_up_box").slideToggle(300);
			if($(this).hasClass("done")) { 
				$(this).removeClass("done");
			} else { 
				$(this).addClass("done");
			}
		});
		
		$("#leftbar .box_1 .tabnav_1 ul li:last-child a").click(function (e) {
			e.preventDefault();
			
			$("#leftbar .box_1 .tabnav_1 ul li:last-child .ddbox").slideToggle(300);
			if($(this).hasClass("done")) { 
				$(this).removeClass("done");
			} else { 
				$(this).addClass("done");
			}
		});
});

</script>

</head>

<body>
	<div id="header">
    	 <div class="container">    
         	<div class="logo">
            	<a href="#"><img src="images/logo.png" alt=""></a>
            </div>
            <div class="head_right">
            	<input type="text" class="txtbox" placeholder="What are you looking for?" />
                <input type="text" class="txtbox txtbox_1" placeholder="Where?" />
                <input type="button" class="go_btn" value="GO" />
            </div>
         </div>
    </div>
    
    <div id="nav">
        <div class="container">
            <button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div id="navbar-collapse-1" class="navbar-collapse collapse">
            	<ul class="nav navbar-nav">
                	<li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Listing</a></li>
                    <li><a href="#">Reviews </a></li>
                    <li><a href="#">Users</a></li>
                    <li><a href="#">Advanced Search</a></li>
                </ul>
            </div>
            <div class="nav_right">
            	<a href="#">Register</a>
                <div class="sign_in">
                	<a href="#" class="sign_btn_1">Sign in<span class="caret"></span></a>
                    <div class="sign_up_box">
                    	<input type="text" class="username_box" placeholder="Username">
                        <input type="text" class="pass_box" placeholder="**********">
                        <input type="submit" class="sign_btn_2">
                    </div>
                </div>
            </div>
        </div>
    </div>         
    <div class="location_bar">
    	<div class="container">
            <p>Suggested cities near your location:</p>
            <ul>
                <li><a href="#">Chicago</a>,</li>
                <li><a href="#">Los Angeles</a>,</li>
                <li><a href="#">New York</a>,</li>
                <li><a href="#">Oakland</a>,</li>
                <li><a href="#">San Francisco</a></li>
            </ul>
        </div>    
    </div>
    <div id="content">
    	<div class="container">
        	<div class="row">
            	<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                	<div id="leftbar">
                        <div class="box_1 topbox">
                        	<div class="tabnav_1 clearfix">
                            	<ul>
                                	<li><a href="#" class="active">Best Restaurants</a></li>
                                    <li><a href="#">Best Beauty & Spas</a></li>
                                    <li><a href="#">Best Shopping</a></li>
                                    <li><a href="#">More <span class="fa fa-caret-down"></span></a>
                                    	<div class="ddbox">
                                        	<h3>Browse other categories</h3>
                                        	<ul>
                                            	<li><a href="#">Arts and Entertainment <strong>(283)</strong></a></li>
                                                <li><a href="#">Beauty and Spas <strong>(201)</strong></a></li>
                                                <li><a href="#">Health and Medical <strong>(198)</strong></a></li>
                                                <li><a href="#">Hotels and Travel <strong>(281)</strong></a></li>
                                                <li><a href="#">Mass Media <strong>(199)</strong></a></li>
                                                <li><a href="#">Nightlife <strong>(200)</strong></a></li>
                                                <li><a href="#">Pets <strong>(207)</strong></a></li>
                                                <li><a href="#">Restaurants <strong>(282)</strong></a></li>
                                                <li><a href="#">Shopping <strong>(281)</strong></a></li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="list_1 clearfix">
                                <ul>
                                    <li>
                                        <div class="img"><img src="images/img_1.png" alt=""></div>
                                        <div class="desc">
                                        	<a href="#" class="view_details">View details</a>
											<div class="desc_l">                                            
                                                <h3>Italian Village<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">Aaron Smith</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                    </li>
                                    <li>
                                        <div class="img"><img src="images/img_2.png" alt=""></div>
                                        <div class="desc">
                                        	<a href="#" class="view_details">View details</a>
											<div class="desc_l">                                            
                                                <h3>Azeen's Afghani Restaurant<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">John Doe</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                    </li>
                                    <li>
                                        <div class="img"><img src="images/img_3.png" alt=""></div>
                                        <div class="desc">
                                        	<a href="#" class="view_details">View details</a>
											<div class="desc_l">                                            
                                                <h3>Chicago Touch<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">Emily Clark</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="box_1">
                            <div class="list_1 clearfix">
                            	<h2>Most viewed Restaurants</h2>
                                <ul>
                                    <li>
                                        <div class="img"><img src="images/img_1.png" alt=""></div>
                                        <div class="desc">
											<div class="address">
                                            	71 W Monroe St Chicago, IL 60603 <span>312) 957-5808 </span>
                                            </div>
                                            <div class="desc_l">                                            
                                                <h3>Italian Village<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">Aaron Smith</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                    </li>
                                    <li>
                                        <div class="img"><img src="images/img_2.png" alt=""></div>
                                        <div class="desc">
                                        	<div class="address">
                                            	71 W Monroe St Chicago, IL 60603 <span>312) 957-5808 </span>
                                            </div>
											<div class="desc_l">                                            
                                                <h3>Azeen's Afghani Restaurant<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">John Doe</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                    </li>
                                    <li>
                                        <div class="img"><img src="images/img_3.png" alt=""></div>
                                        <div class="desc">
                                        	<div class="address">
                                            	71 W Monroe St Chicago, IL 60603 <span>312) 957-5808 </span>
                                            </div>
											<div class="desc_l">                                            
                                                <h3>Chicago Touch<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">Emily Clark</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="box_1">
                            <div class="list_1 clearfix">
                            	<h2>Most viewed Restaurants</h2>
                                <ul>
                                    <li>
                                        <div class="img"><img src="images/img_1.png" alt=""></div>
                                        <div class="desc">
											<div class="rbox">
                                            	<a href="#" class="view_details">Full review</a>
                                                <span>(10 comments)</span>
                                            </div>
                                            <div class="desc_l">                                            
                                                <h3>Italian Village<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">Aaron Smith</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                        <div class="detail">
                                        	<h5>Simply awesome</h5>
                                            <p>Went to another bottles and brushes event (and thanks to Groupon it was half off! and was not disappointed! This was my...</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="img"><img src="images/img_2.png" alt=""></div>
                                        <div class="desc">
                                        	<div class="rbox">
                                            	<a href="#" class="view_details">Full review</a>
                                                <span>(10 comments)</span>
                                            </div>
											<div class="desc_l">                                            
                                                <h3>Azeen's Afghani Restaurant<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">John Doe</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                        <div class="detail">
                                        	<h5>Simply awesome</h5>
                                            <p>Went to another bottles and brushes event (and thanks to Groupon it was half off! and was not disappointed! This was my...</p>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="img"><img src="images/img_3.png" alt=""></div>
                                        <div class="desc">
                                        	<div class="rbox">
                                            	<a href="#" class="view_details">Full review</a>
                                                <span>(10 comments)</span>
                                            </div>
											<div class="desc_l">                                            
                                                <h3>Chicago Touch<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                                                <p>Added by: <a href="#">Emily Clark</a> about 8 months ago</p>
                                                <div class="rating">
                                                	<ul>
                                                    	<li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star"></span></li>
                                                        <li><span class="fa fa-star-o"></span></li>
                                                    </ul>
                                                </div>
                                            </div>    
                                            
                                        </div>
                                        <div class="detail">
                                        	<h5>Simply awesome</h5>
                                            <p>Went to another bottles and brushes event (and thanks to Groupon it was half off! and was not disappointed! This was my...</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="box_2 clearfix">
                        	<h2>New Listings</h2>
                            <ul>
                            	<li>
                                	<a href="#">
                                        <div class="image"><img src="images/img_4.png" alt=""></div>
                                        <h3>Bottle & Bot...</h3>
                                        <p>2900 N Lincoln Ave </p>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star-o"></span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                        <div class="image"><img src="images/img_4.png" alt=""></div>
                                        <h3>Bottle & Bot...</h3>
                                        <p>2900 N Lincoln Ave </p>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star-o"></span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                        <div class="image"><img src="images/img_4.png" alt=""></div>
                                        <h3>Bottle & Bot...</h3>
                                        <p>2900 N Lincoln Ave </p>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star-o"></span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                	<a href="#">
                                        <div class="image"><img src="images/img_4.png" alt=""></div>
                                        <h3>Bottle & Bot...</h3>
                                        <p>2900 N Lincoln Ave </p>
                                        <div class="rating">
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star"></span>
                                            <span class="fa fa-star-o"></span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                            <div class="nav_bot">
                            	<ul>
                                	<li><a href="#" class="active"></a></li>
                                    <li><a href="#"></a></li>
                                    <li><a href="#"></a></li>
                                    <li><a href="#"></a></li>
                                </ul>
                            </div>
                        </div>
                        
                        
        			</div>
				</div>
                
                
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12" id="rightbar">
                	<div class="locationbox">
                    	<h2>
                        	<span class="fa fa-map-marker"></span>
                            You are at<strong>Chicago, IL</strong>
                        </h2>
                        <div class="image"><img src="images/img_5.png" alt=""></div>
                    </div>
                    <div class="box_r_1">
                    	<h2>Review of the day</h2>
                        <div class="image"><img src="images/img_6.png" alt=""></div>
                        <div class="desc_l">                                          
                            <h3>Chicago Touch<a href="#"><span class="fa fa-map-marker"></span></a></h3>
                            <p>Added by: <a href="#">John Doe</a> about 8 months ago</p>
                            <div class="rating">
                                <ul>
                                    <li><span class="fa fa-star"></span></li>
                                    <li><span class="fa fa-star"></span></li>
                                    <li><span class="fa fa-star-o"></span></li>
                                    <li><span class="fa fa-star-o"></span></li>
                                    <li><span class="fa fa-star-o"></span></li>
                                </ul>
                            </div>
                        </div>
                        <div class="detail">
                            <h5>A really great place</h5>
                            <p>A really great place for a date night or just to have fun with your friends. My wife and I went here for the first time and...</p>
                        </div>
                    </div>
                    
                    <div class="box_r_2">
                    	<h2>Popular Events</h2>
                        <ul>
                        	<li>
                            	<div class="image"><img src="images/img_7.png" alt=""></div>
                                <h3>Name of the popular event</h3>
                                <p>Tuesday, Jul 1, 12:00 pm – Today, Jul 31, 6:00 pm. <a href="#">11 interest people</a></p>
                                
                            </li>
                            <li>
                            	<div class="image"><img src="images/img_8.png" alt=""></div>
                                <h3>Name of the popular event</h3>
                                <p>Tuesday, Jul 1, 12:00 pm – Today, Jul 31, 6:00 pm. <a href="#">11 interest people</a></p>
                                
                            </li>
                        </ul>
                    </div>
                    
                    <div class="box_r_3 clearfix">
                    	<h2>Subcsribe for the latest news</h2>
                        <input type="text" class="textbox_1" placeholder="Name">
                        <input type="text" class="textbox_1" placeholder="Email">
                        <input type="submit" value="Go" class="go_btn">
                    </div>
                    
                    <div class="box_r_4">
                    	<div class="tabnav clearfix">
                        	<ul>
                            	<li><a href="#" class="active">Top users</a></li>
                                <li><a href="#">New users</a></li>
                            </ul>
                        </div>
                        <div class="thbox">
                        	<ul>
                            	<li><a href="#"><img src="images/th_1.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_2.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_3.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_4.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_1.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_2.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_3.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_4.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_1.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_2.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_3.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_4.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_1.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_2.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_3.png" alt=""></a></li>
                                <li><a href="#"><img src="images/th_4.png" alt=""></a></li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
                
			</div>                                    
        </div>
   	</div>
    
    <div id="footer">
    	<div class="container footer">
        	<div class="social">
            	<ul>
                	<li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
            <div class="block_1">
            	<ul>
                	<li><a href="#">Home</a></li>
                    <li><a href="#">Best Restaurants</a></li>
                    <li><a href="#">Best Beauty & Spas</a></li>
                    <li><a href="#">Best Shopping</a></li>
                </ul>
            </div>
            <div class="block_1">
            	<ul>
                	<li><a href="#">Listing</a></li>
                    <li><a href="#">Most Recent</a></li>
                    <li><a href="#">Best rated</a></li>
                    <li><a href="#">Most reviewed</a></li>
                </ul>
            </div>
            <div class="block_1">
            	<ul>
                	<li><a href="#">Reviews</a></li>
                    <li><a href="#">Most Recent</a></li>
                    <li><a href="#">Best rated</a></li>
                    <li><a href="#">Most helpful</a></li>
                </ul>
            </div>
            <div class="block_1">
            	<ul>
                	<li><a href="#">Users</a></li>
                    <li><a href="#">Most Recent</a></li>
                    <li><a href="#">Best rated</a></li>
                    <li><a href="#">Most helpful</a></li>
                </ul>
            </div>
            <div class="block_1">
            	<ul>
                	<li><a href="#">Register</a></li>
                </ul>
            </div>
            <div class="block_2">
            	<input type="text" class="textbox_1" placeholder="What are you looking for?">
            </div>
        </div>
        
        <div class="container copyright">
        	<ul>
            	<li><a href="#">Terms of Use</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Staff Guidelines</a></li>
                <li>&copy; Copyright 2014 Reviews</li>
            </ul>
        </div>
        
    </div>
    
    
</body>
</html>
